{% extends "base_page.html" %}
{% block page_title %}Result Reviewer{% endblock %}

{% block content %}
    <div class="container">
    <form action="" method="POST">
        <legend>Pick a result to review.</legend>
        {% for item in fl | sort(True) %}
        <label class="radio">
            <input type="radio" name="selectedResult"  value="{{ item }}">
            <p id="{{ item[0:-7] }}">{{ item }} -------- < {{ fld[item] }} ></p>
        </label>
        {% endfor %}
        <hr />
        <button type="button" class="btn btn-danger btn-large" data-toggle="modal" data-target="#myModal" onclick="handleClick.getSelectedFiles()">Delete</button>
        <button type="submit" class="btn btn-success btn-large">&nbsp;&nbsp;Next&nbsp;&nbsp;</button>
    </form>
        <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel">Delete Selected Files</h3>
            </div>
            <div class="modal-body" >
                <form id="modal_body">

                </form>
            </div>
            <div class="modal-footer">

                <button class="btn btn-danger" class="close" data-dismiss="modal" aria-hidden="true" onclick="handleClick.deleteSelectedFiles()">Apply</button>
            </div>
        </div>
    </div>

{% endblock %}

{% block ownjs %}
    <script src="/static/js/own.js"></script>
    <script type="text/javascript">
        $("#{{ newRes }}").css("color", "#a52a2a");
        $("#{{ newRes }}").css("font-weight", "bold");

    </script>
{% endblock %}